	@mixin common-status($bgColor) {
		position: absolute;
		left: 23rpx;
		top: 36rpx;
		width: 100rpx;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		font-size: 24rpx;
		color: #fff;
		background-color: $bgColor;
		border-bottom-right-radius: 20rpx;
		overflow: hidden;
	}
	@mixin wrap($line) {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: $line;
		overflow: hidden;
	}	
	.common-content-box{
		padding-top: 124rpx ;
	}
	.common-list {
		position: relative;
		display: flex;
		justify-content: space-around;
		align-items: center;
		width: 690rpx;
		height: 260rpx;
		margin: 0 auto 20rpx;
		padding: 16rpx;
		background: #FFFFFF;
		border-radius: 14rpx;
		&:last-child{
			margin-bottom: none;
		}
		&-image2,&-video {
			width: 270rpx;
			height: 190rpx;
			border-radius: 6rpx;
			margin-right: 10rpx;
		}
		&-audio{
			width: auto;
			height: auto;
		}
		&-audio{
			width: 690rpx;
			height: 200rpx;
			background-color: $bg-color;
		}
		// 未提交审核
			&-status0 {
				@include common-status(#aaaaaa);
			}
		// 待审核
			&-status1 {
				@include common-status(#ffa545);
			}
		// 已通过/已上架
			&-status2,&-status4 {
				@include common-status(#37b674);
			}
		// 已驳回
			&-status3 {
				@include common-status(#f64b55);
			}
		// 已下架
			&-status5 {
				@include common-status(#aaaaaa);
			}
		.common-news-title {
			display: flex;
			// margin-bottom: 20rpx;
			height: 50rpx;
			width: 100%;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			@include wrap(1);
			.top{
				padding: 10rpx 12rpx;
				color: #fff;
				background-color:#F5454E;
				margin-right: 10rpx;
			}
		}
		.course-list2 {
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			height: 100%;
			width: 350rpx;

			.demo-title {
				width: 100%;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

			&-desc {
				color: #8A8A8A;
				display: flex;
				font-size: 20rpx;
				@include wrap(1);
				&-text {
					.tag{
						padding: 0 8rpx;
						margin-right: 10rpx;
						height: 36rpx;
						font-size: 20rpx;
						color: #8A8A8A;
						background: #F2F2F2;
						border-radius: 5rpx;
						line-height: 36rpx;
						text-align: center;
						&:last-child{
							margin-right: 0;
						}
					}
				}
			}
			// 价格
			.desc-price {
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
				
			.demo-price1,
			.demo-price2,
			.demo-price3 {
				font-size: 24rpx;
				margin-top: 5px;
				font-weight: bold;
			}
				
			.demo-price1 {
				color: #EE434E;
				.bigger{
					font-size: 36rpx;
				}
			}
				
			.demo-price2 {
				color: #49AE9C;
			}
				
			.demo-price3 {
				color: #F69F39;
			}
				
			.demo-person {
				font-size: 18rpx;
				color: $u-tips-color;
				margin-top: 5px;
			}
		}
		
	}
	